<template>
  <div class="policy">
    <router-link tag="div" to="/area" class="info"><img src="../../assets/images/place.png"><span>风险地区</span></router-link>
    <router-link tag="div" to="/test" class="info"><img src="../../assets/images/goods.png"><span>核酸检测</span></router-link>
    <router-link tag="div" to="/prevention" class="info"><img src="../../assets/images/policy.png"><span>防疫物资</span></router-link>
    <router-link tag="div" to="/travel" class="info"><img src="../../assets/images/out.png"><span>出行政策</span></router-link>
  </div>
</template>

<script>
export default {
}
</script>

<style lang="less" scoped>
.policy{
  display: flex;
  justify-content: space-between;
  background-color: #fff;
  padding: 10px 20px;
  margin: 5px 0px;
  .info{
   margin-left: 30px;
    &:first-child{
      margin-left: 0px;
    }
    img{
      width: 100%;
      background-color: #fff;
    }
  }
}
</style>

